<template>
	<view class="content">
		<view class="">
			<u--text size="64rpx" text="待审核" color="#FA833E"></u--text>
		</view>
		<u--text mode="date" text="1612959739" class="date" color="#8A8A8A"></u--text>
		<view class="desc">
			<view class="report">举报内容：</view>
			<u--text text="在公共场所或走街串巷、进村入户非法传播宗教思想，印刷、散发未经有关部门批准的非法宗教出版物，请有关部分快处理一下。" size="30rpx"></u--text>
		</view>
		<view class="report_img">
			<view class="">
				<u--text size="34rpx" text="照片上传" class="photo_mar"></u--text>
			</view>
			<view class="">
				<u-album :urls="urls2" multipleSize="200rpx" space="30rpx" previewFullImage class="photo"></u-album>
			</view>
		</view>
		<view class="report_video">
			<view class="">
				<u--text size="34rpx" text="短视频上传" class="video_mar"></u--text>
			</view>
			<view class="">
				<video :controls="false" show-center-play-btn class="video"
				object-fit="fill"
					src="https://vd2.bdstatic.com/mda-pgndn4yqfhyh5vf8/720p/h264/1690105331849570989/mda-pgndn4yqfhyh5vf8.mp4?v_from_s=hkapp-haokan-nanjing&auth_key=1698063145-0-0-739301395ee5077c7c4006d9de433d4f&bcevod_channel=searchbox_feed&pd=1&cr=2&cd=0&pt=3&logid=0745249365&vid=14710780787241980123&klogid=0745249365&abtest=112751_3-112954_2-113745_2-113704_2"></video>
			</view>
		</view>
		<view class="report_autio">
			<view class="">
				<u--text size="34rpx" text="录音上传" class="autio_mar"></u--text>
			</view>
			<view class="autio_div">
				<image src="../../static/img/setting/autio.png" class="autio">
				</image>
				<u--text text="短视频上dfsfdsafds传" class="autio_name" size="25rpx" lines="1"></u--text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				urls2: [
					'https://cdn.uviewui.com/uview/album/1.jpg',
					'https://cdn.uviewui.com/uview/album/2.jpg',
					'https://cdn.uviewui.com/uview/album/3.jpg',
				],
			}
		},
		methods: {



		}
	}
</script>

<style scoped lang="scss">
	.content {
		padding: 1rem;
	}

	.date {
		margin-top: 1rem !important;
	}

	.desc {
		.report {
			font-size: 34rpx;
		}
	}

	.report_img {
		.photo_mar {
			margin: 0.5rem 0 !important;

		}
	}

	/deep/ uni-image {
		border-radius: 10%;
	}

	.report_video {
		width: 100%;
		height: 30%;

		.video_mar {
			margin: 0.5rem 0 !important;
		}

		.video {
			height: 200rpx;
			width: 200rpx;
			border-radius: 10%;
		}
	}

	.report_autio {
		width: 100%;
		height: 30%;

		.autio_mar {
			margin: 0.5rem 0 !important;
		}

		.autio_div {
			position: relative;
			height: 200rpx;
			width: 200rpx;
			border-radius: 10%;
			background-color: #FFF8F7;
			text-align: center;

			.autio {
				height: 120rpx;
				width: 120rpx;
				margin-top: 10%;
			}

			.autio_name {
				position: absolute;
				width: 70%;
				left: 15%;
				bottom: 15%;
			}
		}
	}
</style>